<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>账号安全登录</title>
    <link rel="icon" th:href="@{/favicon.ico}" href="../../static/favicon.ico" type="image/x-icon"/>
    <link rel="bookmark" th:href="@{/favicon.ico}" href="../../static/favicon.ico" type="image/x-icon"/>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../../static/css/login.css" th:href="@{/static/css/login.css}"/>
</head>

<body style="background: #fff">
<div class="login-confirm">

    <nav class="navbar navbar-default container-fluid" style="overflow: hidden;background: #;">
        <div class="container">
            <div class="navbar-header">
                <div class="navbar-brand">
                    <a href="#">OpencEE安全登录</a>
                </div>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-5">
                <ul class="navbar-text navbar-right list">
                    <li class="list-item"><a href="#" th:href="@{login}">登陆</a></li>
                    <li class="list-item"><a href="#">授权管理</a></li>
                    <li><a href="#">申请接入</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div style="padding-top: 30px;width: 300px; color: #555; margin:0px auto;">
        <form id='confirmationForm' name='confirmationForm' th:action="@{/oauth/authorize}" method='POST'>
            <input name='user_oauth_approval' value='true' type='hidden'/>
            <p><a th:href="${app.host}" target="_blank" th:text="${app.appName}">xxx应用</a> 将获得以下权限：</p>
            <ul class="list-group">
                <th:block th:each="s,sStat: ${scopes}">
                    <li class="list-group-item">
                        <input type="hidden" th:name="${s.key}" value="true"/>
                        <input type="checkbox" disabled checked/> <label th:text="#{${s.key}}"></label>
                    </li>
                </th:block>
            </ul>
            <p class="help-block">授权后表明你已同意 服务协议</p>
            <button class="btn btn-primary pull-right" type="submit" id="write-email-btn">确定</button>
            </p>
        </form>
    </div>
</div>

</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</html>
